// mixin的作用:把多个页面中公共的部分提取到外面 减少代码量(优化的一种)
// mixin中可以包含所有的vue属性
// 覆盖的规则
// 值是对象的, 当名字相同时候.组件的覆盖mixin的;
// data中的属性同名的时候,组件的覆盖mixin的;

// 生命周期同名的时候
// 两边都执行.但是先执行mixin的.再执行组件的生命周期;
// watch 覆盖规则和生命周期相同

// 当我在一个页面里面找一个变量或者方法的时候:
// 调用了一个方法,确定这个方法不是js或者是框架独有的;调用了一个方法
// 这个方法你想看一下.可能存在在哪儿

// 当前页面ctrl+f全局搜
// 在上面import导入进来的.封装在外面成了公共的

// 在原型链上 main.js   Vue.prototype.$format =
// 页面中   this.$format使用
// mixin

export default {
    data() {
        return {
            limit: 10
        };
    },
    created() {
        console.log("mixin的created");
        // this.format();
    },
    components: {},
    filters: {
        formatTime() {
            return "2023年10月19日 14:15:46";
        }
    },
    watch: {
        num() {
            console.log("mixin的watch执行了");
        }
    },
    methods: {
        initData() {
            console.log(111);
        }
    }
};
